﻿<%namespace YouHP.Model%>
<%namespace YouHP.Model.Group%>
<%namespace YouHP.BLL%>	
<%template _header%>


<div class="layout_index">
	<div class="col1">	
	<div class="col1_part1">
	YOUHP是一个慢性疾病病友的社区。在YOUHP，你可以<span>科学管理自己的病情</span>，<span>分享自己的经历</span>，<span>和病友们真切交流</span>，进而<span>和医生们沟通</span>。
	
	<div class="disease">
	<%csharp%>foreach(DiseaseInfo item in DiseaseDataList) { <%/csharp%>
	 <%csharp%>TempUrl = "/Disease.aspx?id=" + item.Id; <%/csharp%>
	<a href="{this.GetUrl(TempUrl)}">{item.Name}</a>
	 <%csharp%>TempUrl = "/PatientList.aspx?dszid=" + item.Id; <%/csharp%>
	(<a href="{this.GetUrl(TempUrl)}"><font color="red">{item.PatientCount}</font></a>人)
    <%csharp%>}<%/csharp%>	
   
	</div>
    </div>

    
    
	<div class="col1_part2">
	<div  id="tab_default" class="currtab" onmouseover="switchTap(this,1);">管理自己的疾病</div>
	<div  class="tab" onmouseover="switchTap(this,2);">寻找和自己一样的病友</div>
	<div  class="tab" onmouseover="switchTap(this,3);">获取最新的医疗信息</div>
	<div  class="tab" onmouseover="switchTap(this,4);">和医生深入交流</div>
	<div class="intro">
	<div id="intro_1" style="display:block;">
	  <div class="left">
        <div>&nbsp;&nbsp;&nbsp;&nbsp;每一种疾病都有其独特的发病机理、临床表现和治疗
        手段；我们有这样或者那样的不适，需要重复各种检验
        和检查，尝试各种各样的药物甚至手术，我们该如何记录
        管理自己的病情？</div>
        <div><span>YOUHP为每一种疾病定制独特的病情记录方法。</span></div>
        <div><font style="color:Blue;">症状：</font>和疾病相关的特异性的症状将优先被记录。 </div>
        <div><font style="color:Blue;">指标：</font>我们将根据疾病不同筛选出最有价值的检验或者检查。</div>
        <div><font style="color:Blue;">治疗：</font>各种繁复的治疗都将形象化地得到记录、对比和评价。</div>

        <div><span>科学记录疾病，高效管理自己的疾病</span></div>

       </div>
       <div class="right">
       <img alt="图表" src="/support/alpha/images/chart.JPG" width="350px" />
       
       </div>
	
	</div>
	<div id="intro_2" style="display:none;">
	<div class="left">
	<div>&nbsp;&nbsp;&nbsp;&nbsp;YOUHP认为医生所能给予的仅占病友需求的一部分，甚至很可能只是一小部分。如何避免不必要的治疗弯路，如何在日常生活中更科学地与疾病相处，如何疏解心中
      积累的种种烦闷，和你一样的病友最有发言权。</div>
      <div><span>通过独特的病情匹配，YOUHP将为我们寻找最能感同身受的病友。</span></div>

     <div><font style="color:Blue;">寻找：</font>运用病情系统寻找和自己一样的病友。</div> 
     <div> <font style="color:Blue;">交流：</font>和病友畅谈疾病与生活。</div>
     <div><font style="color:Blue;"> 分享：</font>有关疾病的小秘诀，让病友们一起收益！</div>
     </div>
    <div class="right">
       <img alt="病友" src="/support/alpha/images/patient.bmp"/>
       
       </div>
	</div>
	
	<div id="intro_3" style="display:none;">
	<div class="left">
	<div>&nbsp;&nbsp;&nbsp;&nbsp;医学的每一个角落都在进步。新科技不断造就新治疗方法，而对病友这也意味着新挑战：我们如何理解并运用这些手段？</div>
      <div><span>YOUHP为病友提供独特视角的医疗信息</span></div>
      <div>YOUHP为您获取更新更具价值的医疗资讯。</div> 
      <div>将医疗信息通过通俗易懂的方式进行传达。</div>
      <div>使刻板的信息伴随病友的切身体验。</div>
      </div>
	    <div class="right">
       <img alt="资讯" src="/support/alpha/images/news.bmp" width="350px"/>
       </div>
	</div>
	
	<div id="intro_4" style="display:none;">
	 <div>YOUHP邀请兼具经验和热情的临床医生作为各个疾病的管理人员。更具期待的医生系统正在开发。</div>
	
	</div>
	
	
	
	</div>
	</div>
	   <div class="col1_part3">
	   <div class="title">病友动态:</div>
        <div id="andyscroll">
        <div id="scrollmessage">
          {sb} 
        
        </div></div>

   
	   </div>    
	</div>
	<script type="text/javascript">
var stopscroll = false;
var scrollElem = document.getElementById("andyscroll");
var marqueesHeight = scrollElem.style.height;
scrollElem.onmouseover = new Function('stopscroll = true');
scrollElem.onmouseout  = new Function('stopscroll = false');
var preTop = 0;
var currentTop = 0;
var stoptime = 0;
var leftElem = document.getElementById("scrollmessage");
scrollElem.appendChild(leftElem.cloneNode(true));
init_srolltext();
function init_srolltext(){
 scrollElem.scrollTop = 0;
 setInterval('scrollUp()', 10);//的面的这个参数10, 是确定滚动速度的, 数值越小, 速度越快
}
function scrollUp(){
 if(stopscroll) return;
 currentTop += 1; //设为1, 可以实现间歇式的滚动; 设为2, 则是连续滚动
 if(currentTop == 23) {
  stoptime += 1;
  currentTop -= 1;
  if(stoptime == 180) {
   currentTop = 0;
   stoptime = 0;
  }
 }else{
  preTop = scrollElem.scrollTop;
  scrollElem.scrollTop += 1;
  if(preTop == scrollElem.scrollTop){
   scrollElem.scrollTop = 0;
   scrollElem.scrollTop += 1;
  }
 }
}
</script>
	
	<div class="col2">
       <div class="col2_part1">
        <%if UserData.Id<=0%>
        <form id="login" method="post" action="">
        <div style="font-size:15px; font-weight:bold; margin-bottom:10px;border-bottom:1px solid #E1E4E6;">用户登录：</div>
        <table border="0" cellpadding="0" cellspacing="0" align="center" class="login_table">
        <tr>
        <td height="28px"  align="right" style=" padding-right:5px;">登录名：</td>
        <td width="220px"><input type="text" name="username" value="请输入用户名或邮箱"  style="color:rgb(170, 170, 170); width:120px;"onfocus="OnEnter(this);" onblur="OnExit(this);"/>  <input type="checkbox" name="expiretime" />记住我</td>
       
        </tr>
        <tr>
        <td height="24px" align="right" style=" padding-right:5px;">密&nbsp;&nbsp;&nbsp;码：</td>
        <%csharp%>TempUrl="/User/getpassword.aspx";<%/csharp%>
        <td><input type="password" name="password" style="width:120px;" onkeydown="LoginEnterClick(event)"/>
        <a href="{this.GetUrl(TempUrl)}" tabindex="-1" accesskey="g" title="忘记密码 (ALT + G)" style="text-decoration:underline;">忘记密码</a></td>
        </tr>
       <tr>
       <td>&nbsp;</td>
       <td valign="middle">
          <input type="submit" class="input_login" value="登  录">
          <%csharp%>TempUrl="/User/Register.aspx";<%/csharp%>
         <a href="javascript:" onclick="javascript:window.open('{this.GetUrl(TempUrl)}','');" style="color:Red;">免费注册</a>
       </td></tr>

        </table>    
        </form>
        <%else%>
        <div class="title">欢迎你:</div>
        <table>
        <tr>
        <td>
            <%csharp%>TempUrl = "/User/PmInbox.aspx";<%/csharp%>
            <li><a href="{this.GetUrl(TempUrl)}">{msgList[0].msgName}(<span>{msgList[0].count}</span>)</a></li>
            <%csharp%>TempUrl = "/Profile/DiseaseSystem.aspx?uid="+UserData.Id;<%/csharp%>
            <li><a href="{this.GetUrl(TempUrl)}">{msgList[1].msgName}(<span>{msgList[1].count}</span>)</a></li>
            <%csharp%>TempUrl = "/User/CommentReplyList.aspx?uid="+UserData.Id;<%/csharp%>
            <li><a href="{this.GetUrl(TempUrl)}">{msgList[2].msgName}(<span>{msgList[2].count}</span>)</a></li>
            <%csharp%>TempUrl = "/User/ActionList.aspx?uid="+UserData.Id;<%/csharp%>
            <li><a href="{this.GetUrl(TempUrl)}">{msgList[3].msgName}(<span>{msgList[3].count}</span>)</a></li>
            <%csharp%>TempUrl = "/User/FriendApplyList.aspx";<%/csharp%>
            <li><a href="{this.GetUrl(TempUrl)}">{msgList[4].msgName}(<span>{msgList[4].count}</span>)</a></li>
            <%csharp%>TempUrl = "/User/NewLogCommentList.aspx";<%/csharp%>
            <li><a href="{this.GetUrl(TempUrl)}">{msgList[5].msgName}(<span>{msgList[5].count}</span>)</a></li>
            <%csharp%>TempUrl = "/User/NewLogCommentReplyList.aspx";<%/csharp%>
            <li><a href="{this.GetUrl(TempUrl)}">{msgList[6].msgName}(<span>{msgList[6].count}</span>)</a></li>
        
        </td>
        <td align="center">
        <img src="{_User.Avatar}"  alt="头像" width=80px; height=80px;/>
        <%csharp%>TempUrl = "/Profile/DiseaseSystem.aspx?uid=" + UserData.Id; <%/csharp%>
        <div><a href="{this.GetUrl(TempUrl)}" style="text-decoration:underline; color:Green; font-size:14px;">进入我的病情系统</a></div>
        
        </td>
        </tr>
        
        </table>
        
        <%/if%>
       </div>
      <!-- <div> <img alt="" src="/support/alpha/images/button_regis.gif" /></div>-->
       <div class="col2_part2">
         <div class="title">网站公告：</div>
             <%csharp%>foreach(NewsInfo item in BullentinList){<%/csharp%>
             <%csharp%>TempUrl="/WebNews.aspx?id="+item.Id;<%/csharp%>
              <li><a href="{this.GetUrl(TempUrl)}"><%if item.Title.Length<=30%>{item.Title}<%else%>{item.Title.Substring(0,30)}...<%/if%></a></li>
             <%csharp%>}<%/csharp%>
              <%csharp%>TempUrl="/BullentinList.aspx";<%/csharp%>

       </div>
       <div class="col2_part4">
        <div class="title">最新加入：</div>
            <%csharp%>foreach(UserInfo item in UserDataListLatest) { <%/csharp%>
            <%csharp%>TempUrl = "/Profile/Index.aspx?uid=" + item.Id; <%/csharp%>
            <li>
            <a href="{GetUrl(TempUrl)}" class="user_img" ><img src="{item.Avatar}" width="45px" height="45px" alt="{item.UserName}"/></a>
            <p><a href="{GetUrl(TempUrl)}" title="{item.DiseaseName}">{item.UserName}</a></p>
            </li>

            <%csharp%> } <%/csharp%>
       
       </div>
       <div class="col2_part3">
        <div class="title">论坛热帖：</div>
        <%csharp%>
            foreach(TopicInfo item in TopicDataListHottest) { 
                TempUrl = "/BBS/Topic.aspx?gid=" + item.Groupid + "&tid=" + item.Id;
        <%/csharp%>
        <li>
            <a href="{this.GetUrl(TempUrl)}" title="{item.Title}">
                <%if item.Title.Length<=10%>{item.Title}<%else%>{item.Title.Substring(0,10)}...<%/if%>
                (<span style="color:#FF0000;">{item.ReplyCount}</span>回复)
            </a>
        </li>
        
        <%csharp%>}<%/csharp%>
       </div>
 
    </div>
    </div>
    <div style="clear:both;"></div>
    <div class="bottom_bar">
     <div class="title">活跃用户：</div>
   
        <%csharp%>foreach(ActiveUserInfo info in RecommendActivestMemebers){<%/csharp%>
        <%csharp%>TempUrl="/Profile/Index.aspx?uid="+info.userid;<%/csharp%>
        <a href="{this.GetUrl(TempUrl)}"><img src="{info.Avatar}" alt="头像" width="75" height="75" /></a>
        <%csharp%>}<%/csharp%>

    </div>
    <div class="bottom_bar_2">
    <%csharp%>TempUrl="/Profile/Index.aspx?uid="+IntroMemeberUserId;<%/csharp%>
    <a href="{this.GetUrl(TempUrl)}">
    "{IntroMemeberStr}"
    </a>
    &nbsp;&nbsp;
    <span>--摘自病友：&nbsp;<a href="{this.GetUrl(TempUrl)}">{IntroMemeberName}</a>&nbsp;的自我介绍</span>
    
    </div>
<script type="text/javascript">
var currTab=document.getElementById('tab_default');
var currElement=document.getElementById('intro_1');
function switchTap(obj,num)
{
   currTab.className='tab';
   obj.className='currtab';
   currTab=obj;
   currElement.style.display = "none";
   var e = document.getElementById('intro_'+num);
   e.style.display = "block";
   currElement = e;
}


</script>
<%template _footer%>